<template>
    <NaviBar />
    <div style="min-height: 650px">
      <router-view :key="$route.fullPath"></router-view>
    </div>
  <Footer />

</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
body{
  margin: 0px;
}
</style>

<script>
import Footer from "@/components/Footer"
import NaviBar from "@/components/NaviBar";
import Header from "@/components/Header";
import Aside from "@/components/Aside";
import {ArrowDown} from "@element-plus/icons";
import 'highlight.js/styles/atom-one-dark.css'
import 'highlight.js/lib/common'
export default {
  name:"APP",
  components:{
    Header,
    Aside,
    ArrowDown,
    NaviBar,
    Footer
  },
}
</script>
